﻿layui.use(['form', 'laydate', 'util', 'layer', 'table', 'jquery'], function () {
    var form = layui.form;
    var layer = layui.layer;
    var laydate = layui.laydate;
    var util = layui.util;
    var $ = layui.$;
    var table = layui.table;

    // 获取从视图中嵌入的 ApiUrl
    var apiUrl = $('#apiUrl').data('url');

    $(function () {
        GetAll();
    });

    // 全局临时容器
    let tempDeviceData = [];

    function GetAll() {
        // 获取当前页面的 URL
        var urlParams = new URLSearchParams(window.location.search);
        // 获取 URL 中的 id 参数
        var id = urlParams.get('id');
        //ajax后台交互
        $.ajax({
            url: apiUrl + 'smread/api/Workshop/GetFormWorkshop',
            type: 'get',
            dataType: 'json',
            //参数
            data: { id: id },
            success: function (res) {
                $('[name="WorkshopNumber"]').val(res.Data.WorkshopNumber);
                $('[name="WorkshopName"]').val(res.Data.WorkshopName);
                $('[name="WorkshopLocality"]').val(res.Data.WorkshopLocality);
                $('[name="WorkshopPrincipal"]').val(res.Data.WorkshopPrincipal);
                $('[name="Contact"]').val(res.Data.Contact);
                $("[name='State'][value='" + res.Data.State + "']").prop("checked", "checked");
                form.render();
            }
        });
        $.ajax({
            url: apiUrl + 'smread/api/Device/GetShopMachine',
            type: 'get',
            dataType: 'json',
            //参数
            data: { id: id },
            success: function (res) {
                res.Data.map(re => {
                    tempDeviceData.push(re)
                })

                initFirstTable();
            }
        });
        console.log(tempDeviceData)
    }

    // 初始化第一个列表的数据
    function initFirstTable() {
        // 假设我们有一个函数convertToTableData用于将tempDeviceData转换为表格所需的格式
        let tableData = convertToTableData(tempDeviceData);
        table.render({
            elem: '#deviceTable',
            page: true, // 开启分页，
            data: tableData,
            cols: [[
                { field: 'Id', title: '序号', width: 70 },
                { field: 'DeviceNumber', title: '设备编号', width: 150 },
                { field: 'DeviceName', title: '设备名称', width: 150 },
                { field: 'DeviceType', title: '设备类型', width: 150 }
            ]]
        });
    }

    // 辅助函数：将临时容器中的数据转换为表格所需的格式（如果有必要的话）
    function convertToTableData(data) {
        // 根据你的表格配置和数据结构，这里可能需要进行一些转换
        // 例如，如果你的表格需要特定的字段顺序或格式，你需要在这里处理它
        return data; // 或者返回转换后的数据
    }

    $('#Entry').on('click', function () {
        window.location.href = "../ShopMachine/Workshop";
    });
});